<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"><!--ie使用edge渲染模式-->
    <meta name="renderer" content="webkit"><!--360渲染模式-->
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=no">
    <title>报价信息</title>
    <link rel="stylesheet" href="../css/basic.css">
    <style type="text/css">
        .master-list {
            width: 90%;
            margin: auto;
            height: auto;
        }
        .first-title {
            font-size: 0.28rem;
            width: 100%;
            height: 2.3rem;
            text-align: center;
        }
        .title {
            font-size: 0.28rem;
        }
        .first-title td {
            border-bottom: 1px solid #e3e3e3;
            text-align: center;
        }
        .td-one{width: 20%}
        .td-two {padding-left: 4%;width: 45%;}
        .td-three {width: 35%;position: relative;line-height: 0.7rem;text-align: center}
        .td-three button {
            bottom: 0.5rem;
            height: 0.55rem;
            margin: 0;
            width: 84%;
            background-color: #FF0042;
            border-radius: 4px;
            outline: none;
            color: white;
            position: absolute;
            left: 0.3rem;
            font-size: 0.28rem;
        }
        .td-two span{line-height: 0.8rem;font-size: 0.28rem}
        .collect-img{
            position: absolute;
            display: inline-block;
            width: 0.4rem;
            left: 1rem;
            top: 0.45rem;
        }
        .use-person{
            height: 0.6rem;
            width:2rem;
        }
        .num-show{
            position: absolute;
            right: 0.1rem;
            top: 0.35rem;
            font-size: 0.28rem;
        }
    </style>
    <script src="../lib/basicSize.js"></script>
</head>
<body>
<!--导航-->
<div class="top-nav-area">
    <ul>
        <a class="back-a" href="javascript:history.back(-1)"></a>
        <li>报价信息</li>
    </ul>
</div>
<!--主体-->
<div class="main-body-area">
    <table class="master-list" cellspacing="0">
        <tbody>
            <tr class="first-title title">
                <td class="td-one">
                    <img src="../img/touxiang@2x.png" width="100%">
                </td>
                <td class="td-two">
                    <span style="float: left;">赵师傅</span>
                    <span style="float: right;font-size: 0.28rem;">无投诉记录</span><br>
                    <span style="float: left;">报价</span>
                    <span style="float: left;padding-left: 10%;color: #F23A38">50</span>
                    <span style="float: left;padding-left: 6%;">元</span>
                </td>
                <td class="td-three">
                    <span class="collect-img">
                        <img src="../img/shoucang-shifuxinxi@2x.png" width="100%">
                    </span>
                    <button class="use-person">雇佣他</button>
                    <span class="num-show">5.0</span>
                </td>
            </tr>
            <tr class="first-title title">
                <td class="td-one">
                    <img src="../img/touxiang@2x.png" width="100%">
                </td>
                <td class="td-two">
                    <span style="float: left;">赵师傅</span>
                    <span style="float: right;font-size: 0.28rem;">无投诉记录</span><br>
                    <span style="float: left;">报价</span>
                    <span style="float: left;padding-left: 10%;color: #F23A38">50</span>
                    <span style="float: left;padding-left: 6%;">元</span>
                </td>
                <td class="td-three">
                    <span class="collect-img">
                        <img src="../img/shoucang-shifuxinxi@2x.png" width="100%">
                    </span>
                    <button class="use-person">雇佣他</button>
                    <span class="num-show">5.0</span>
                </td>
            </tr>
            <tr class="first-title title">
                <td class="td-one">
                    <img src="../img/touxiang@2x.png" width="100%">
                </td>
                <td class="td-two">
                    <span style="float: left;">赵师傅</span>
                    <span style="float: right;font-size: 0.28rem;">无投诉记录</span><br>
                    <span style="float: left;">报价</span>
                    <span style="float: left;padding-left: 10%;color: #F23A38">50</span>
                    <span style="float: left;padding-left: 6%;">元</span>
                </td>
                <td class="td-three">
                    <span class="collect-img">
                        <img src="../img/shoucang-shifuxinxi@2x.png" width="100%">
                    </span>
                    <button class="use-person">雇佣他</button>
                    <span class="num-show">5.0</span>
                </td>
            </tr>
        </tbody>
    </table>
</div>
</body>
</html>